import React from 'react'
import { Navigate } from 'react-router-dom'
import useUserStore from '@/store/user'

//高阶组件：
// 1. 高阶组件是一个函数，接受一个组件作为参数，返回一个新的组件
// 2. 高阶组件可以在组件的基础上添加一些功能
// 为了解决找不到命名空间“JSX”的问题，引入 @types/react

export function AuthRoute({ children }: { children: React.ReactElement }) {
  const token = useUserStore.getState().token
  if (token) {
    return <>{children}</>
  } else {
    return <Navigate to={'/login'} replace></Navigate>
  }
}
